<template>
    <div class="app-container">
        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
            label-width="68px">
            <el-form-item label="盘点日期" prop="date">
                <el-date-picker type="daterange" v-model="queryParams.date" range-separator="至"
                    start-placeholder="开始日期" end-placeholder="结束日期" clearable style="width: 240px" />
            </el-form-item>
            <el-form-item label="盘点人" prop="manager">
                <el-input v-model="queryParams.manager" placeholder="请输入盘点人" clearable
                    @keyup.enter.native="handleQuery" />
            </el-form-item>
            <el-form-item label="盘点单号" prop="InventoryNo">
                <el-input v-model="queryParams.InventoryNo" placeholder="请输入盘点单号" clearable
                    @keyup.enter.native="handleQuery" />
            </el-form-item>
            <el-form-item label="盘点月份" prop="month">
                <el-input v-model="queryParams.month" placeholder="请输入盘点月份" clearable
                    @keyup.enter.native="handleQuery" />
            </el-form-item>
            <el-form-item label="盘点仓库" prop="warehouse">
                <el-select v-model="queryParams.warehouse" placeholder="请选择物品类别" @change="handleQuery">
                    <el-option label="仓库1" value="仓库1"></el-option>
                    <el-option label="仓库2" value="仓库2"></el-option>

                </el-select>
                <!-- <el-input v-model="queryParams.warehouse" placeholder="请输入盘点仓库" clearable
                    @keyup.enter.native="handleQuery" /> -->
            </el-form-item>
            <el-form-item label="物品类别" prop="type">
                <el-select v-model="queryParams.type" placeholder="请选择物品类别" @change="handleQuery">
                    <el-option label="原料" value="原料"></el-option>
                    <el-option label="辅料" value="辅料"></el-option>
                    <el-option label="成品" value="成品"></el-option>
                    <el-option label="半成品" value="半成品"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="状态" prop="state">
                <el-select v-model="queryParams.state" placeholder="请选择状态" @change="handleQuery">
                    <el-option label="审核通过" value="审核通过"></el-option>
                    <el-option label="待审核" value="待审核"></el-option>
                    <el-option label="待审核" value="审核退回"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="备注" prop="notes">
                <el-input v-model="queryParams.notes" placeholder="请输入备注" clearable @keyup.enter.native="handleQuery" />
            </el-form-item>
            <el-form-item>
                <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
                <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
            </el-form-item>
        </el-form>

        <el-row :gutter="10" class="mb8">
            <el-col :span="1.5">
                <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增</el-button>
            </el-col>
            <!-- <el-col :span="1.5">
                <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single"
                    @click="handleUpdate">修改</el-button>
            </el-col> -->
            <el-col :span="1.5">
                <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple"
                    @click="handleDelete">删除</el-button>
            </el-col>
            <el-col :span="1.5">
                <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport">导出</el-button>
            </el-col>
            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
        </el-row>

        <el-tabs v-model="activeName" @tab-click="handleClick" v-loading="loading">
            <h2 align="center">仓库盘点</h2>
            <el-tooltip placement="top">
                <div slot="content">点击任意一行列，即可在下方查看盘点项目详情记录</div>
                <el-table :data="orderPlanTableData" @row-click="showTab" :row-class-name="rowClassName">
                    <el-table-column align="center" label="盘点单号" prop="InventoryNo" />
                    <el-table-column align="center" label="盘点仓库" prop="warehouse" />
                    <el-table-column align="center" label="物品类别" prop="type" />
                    <el-table-column align="center" label="盘点人" prop="manager" />
                    <el-table-column align="center" label="盘点单状态" prop="state" />
                    <el-table-column align="center" label="盘点日期" prop="date" />
                    <el-table-column align="center" label="盘点月份" prop="month" />
                    <el-table-column align="center" label="盘点单备注" prop="notes" />

                    <el-table-column label="操作" align="center" width="150px" fixed="right">
                        <template slot-scope="scope">
                            <el-button size="mini" type="text" icon="el-icon-edit"
                                @click="handleUpdate(scope.row)">修改</el-button>
                            <el-button size="mini" type="text" icon="el-icon-delete"
                                @click="handleDelete(scope.row)">删除</el-button>
                            <el-button size="mini" type="text" icon="el-icon-delete"
                                @click="handleDelete1(scope.row)">审核</el-button>
                            <el-button size="mini" type="text" icon="el-icon-delete"
                                @click="handleDelete1(scope.row)">退回</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </el-tooltip>

            <pagination :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
                @pagination="getList" />

            <el-tabs v-model="activeName1" v-if="showTable">
                <h2 align="center">盘点项目详情</h2>
                <el-tab-pane label="盘点项目" name="first">
                    <el-row :gutter="10" class="mb8">
                        <el-col :span="1.5">
                            <el-button type="primary" plain icon="el-icon-plus" size="mini"
                                @click="handleAddComm">新增明细</el-button>
                        </el-col>
                    </el-row>
                    <el-table :data="ProcessingCost">
                        <el-table-column align="center" label="项目描述">
                            <el-table-column align="center" label="代号" prop="code" />
                            <el-table-column align="center" label="名称" prop="name" />
                            <el-table-column align="center" label="规格" prop="specification" />
                            <el-table-column align="center" label="单位" prop="company" />
                            <el-table-column align="center" label="图号" prop="DrawingNo" />
                        </el-table-column>
                        <el-table-column align="center" label="项目批号" prop="batch" />
                        <el-table-column align="center" label="存放货位" prop="storageLocation" />
                        <el-table-column align="center" label="产品属性" prop="attribute" />
                        <el-table-column align="center" label="颜色" prop="colour" />
                        <el-table-column align="center" label="账面">
                            <el-table-column align="center" label="数量" prop="number1" />
                            <el-table-column align="center" label="单价" prop="monovalent1" />
                            <el-table-column align="center" label="金额" prop="amount1" />
                        </el-table-column>
                        <el-table-column align="center" label="实际">
                            <el-table-column align="center" label="数量" prop="number2" />
                            <el-table-column align="center" label="单价" prop="monovalent2" />
                            <el-table-column align="center" label="金额" prop="amount2" />
                        </el-table-column>
                        <el-table-column align="center" label="盘盈">
                            <el-table-column align="center" label="数量" prop="number3" />
                            <el-table-column align="center" label="金额" prop="amount3" />
                        </el-table-column>
                        <el-table-column align="center" label="盘亏">
                            <el-table-column align="center" label="数量" prop="number4" />
                            <el-table-column align="center" label="金额" prop="amount4" />
                        </el-table-column>
                        <el-table-column label="操作" align="center" width="150px" fixed="right">
                            <template slot-scope="scope">
                                <el-button size="mini" type="text" icon="el-icon-edit"
                                    @click="handleUpdateComm(scope.row)">修改</el-button>
                                <el-button size="mini" type="text" icon="el-icon-delete"
                                    @click="handleDelete(scope.row)">删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </el-tab-pane>


            </el-tabs>
            <!-- <pagination  :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
        @pagination="getList" /> -->
        </el-tabs>

        <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
            <el-form :model="form" :rules="rules" ref="form" label-width="100px">
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="盘点单号" prop="InventoryNo">
                            <el-input v-model="form.InventoryNo" placeholder="请输入盘点单号" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="盘点日期" prop="date">
                            <el-date-picker type="date" placeholder="选择日期" v-model="form.date" style="width: 240px;" />
                        </el-form-item>
                    </el-col>

                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="盘点仓库" prop="warehouse">
                            <el-select v-model="form.warehouse" style="width: 240px;" :disabled="isEdit"
                                placeholder="请选择仓库">
                                <el-option value="仓库1" label="仓库1" />
                                <el-option value="仓库2" label="仓库2" />
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="物品类别" prop="type">
                            <el-select v-model="form.type" style="width: 240px;" :disabled="isEdit"
                                placeholder="请选择物品类别">
                                <el-option value="原料" label="原料" />
                                <el-option value="辅料" label="辅料" />
                                <el-option value="成品" label="成品" />
                                <el-option value="半成品" label="半成品" />
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="盘点人" prop="manager">
                            <el-input v-model="form.manager" placeholder="请输入盘点人" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="盘点月份" prop="month">
                            <el-input v-model="form.month" placeholder="请输入盘点月份" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="盘点单备注" prop="notes">
                            <el-input v-model="form.notes" placeholder="请输入盘点单备注" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="状态" prop="state">
                            <el-select v-model="form.state" style="width: 240px;" :disabled="isEdit"
                                placeholder="请选择物品类别">
                                <el-option value="审核通过" label="审核通过" />
                                <el-option value="待审核" label="待审核" />
                                <el-option value="审核退回" label="审核退回" />
                                <!-- <el-input v-model="form.state" placeholder="请选择盘点单状态" style="width: 240px;" /> -->
                            </el-select>
                        </el-form-item>
                    </el-col>


                </el-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="submitForm">确 定</el-button>
                <el-button @click="cancel">取 消</el-button>
            </div>
        </el-dialog>

        <el-dialog :title="titleComm" :visible.sync="openComm" width="800px" append-to-body>
            <el-form :model="formComm" :rules="rulesComm" ref="formComm" label-width="100px">
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="代号" prop="code">
                            <el-input v-model="formComm.code" placeholder="请输入盘点项目代号" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="名称" prop="name">
                            <el-input v-model="formComm.name" placeholder="请输入项目名称" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="规格" prop="specification">
                            <el-input v-model="formComm.specification" placeholder="请输入项目规格" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="单位" prop="company">
                            <el-select v-model="form.company" style="width: 240px;" :disabled="isEdit"
                                placeholder="请选择产品属性">
                                <el-option value="单位1" label="单位1" />
                                <el-option value="单位2" label="单位2" />
                            </el-select>
                            <!-- <el-input v-model="formComm.attribute" placeholder="请输入产品属性" style="width: 240px;" /> -->

                        </el-form-item>
                    </el-col>

                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="图号" prop="DrawingNo">
                            <el-input v-model="formComm.DrawingNo" placeholder="请输入项目图号" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="批号" prop="batch">
                            <el-input v-model="formComm.batch" placeholder="请输入项目批号" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="存放货位" prop="storageLocation">
                            <el-input v-model="formComm.storageLocation" placeholder="请输入存放货位" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="产品属性" prop="attribute">
                            <el-select v-model="form.attribute" style="width: 240px;" :disabled="isEdit"
                                placeholder="请选择产品属性">
                                <el-option value="产品属性A" label="产品属性A" />
                                <el-option value="产品属性B" label="产品属性B" />
                            </el-select>
                            <!-- <el-input v-model="formComm.attribute" placeholder="请输入产品属性" style="width: 240px;" /> -->

                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="颜色" prop="colour">
                            <el-input v-model="formComm.colour" placeholder="请输入颜色" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="账面数量" prop="number1">
                            <el-input v-model="formComm.number1" placeholder="请输入账面数量" style="width: 240px;" />
                        </el-form-item>
                    </el-col>


                    <el-col :span="12">
                        <el-form-item label="账面单价" prop="monovalent1">
                            <el-input v-model="formComm.monovalent1" placeholder="请输入账面单价" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="账面金额" prop="amount1">
                            <el-input v-model="formComm.amount1" placeholder="请输入账面金额" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>

                    <el-col :span="12">
                        <el-form-item label="实际数量" prop="number2">
                            <el-input v-model="formComm.number2" placeholder="请输入实际数量" style="width: 240px;" />
                        </el-form-item>
                    </el-col>

                    <el-col :span="12">
                        <el-form-item label="实际单价" prop="monovalent2">
                            <el-input v-model="formComm.monovalent2" placeholder="请输入实际单价" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="实际金额" prop="amount2">
                            <el-input v-model="formComm.amount2" placeholder="请输入实际金额" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="盘盈数量" prop="number3">
                            <el-input v-model="formComm.number3" placeholder="请输入盘盈数量" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="盘盈金额" prop="amount3">
                            <el-input v-model="formComm.amount3" placeholder="请输入盘盈金额" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="盘亏数量" prop="number4">
                            <el-input v-model="formComm.number3" placeholder="请输入盘亏数量" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="盘亏金额" prop="amount4">
                            <el-input v-model="formComm.amount4" placeholder="请输入盘亏金额" style="width: 240px;" />
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="submitFormComm">确 定</el-button>
                <el-button @click="cancelComm">取 消</el-button>
            </div>
        </el-dialog>






    </div>
</template>

<script>
export default {
    name: '',
    data() {
        return {
            // 标题
            title: null,
            titleComm: null,
            titleBOM: null,
            titleTech: null,
            titleMaterial: null,
            // 打开弹出框
            open: false,
            openComm: false,
            openBOM: false,
            openTech: false,
            openMaterial: false,
            // 表单
            form: {},
            formComm: {},
            formBOM: {},
            formTech: {},
            formMaterial: {},
            // 校验
            rules: {},
            rulesComm: {},
            rulesBOM: {},
            rulesTech: {},
            rulesMaterial: {},
            // 加载
            loadingComm: false,
            loadingBOM: false,
            loadingTech: false,
            loadingMaterial: false,
            activeName: 'first',
            showSearch: true,
            activeName1: 'first',
            showTable: false,
            loading: false,
            orderPlanTableData: [
                {
                    InventoryNo: 'PD-BC87672-DB98',
                    warehouse: '仓库1',
                    type: '原料',
                    manager: '天一',
                    month: '2024-07',
                    state:'审核通过',
                    date: '2024-07-18',
                    notes: '清点完成',
                }, {
                    InventoryNo: 'PD-BC87672-CB98',
                    warehouse: '仓库2',
                    type: '原料',
                    manager: '若原',
                    month: '2024-11',
                    state: '待审核',
                    date: '2024-11-18',
                    notes: '加快审核',
                }, {
                    InventoryNo: 'PF-BC99671-BB18',
                    warehouse: '仓库2',
                    type: '辅料',
                    manager: '天蓝',
                    month: '2024-12',
                    state: '审核退回',
                    date: '2024-12-18',
                    notes: '请认真修改',
                }
            ],
            ProcessingCost: [{
                code: 'AXT-8762-CD987',
                name: 'B5花纸',
                specification:'规格1',
                company:'单位1',
                DrawingNo:'图号1',
                batch:'XTH-8765-DB23',
                storageLocation:'存放货位1',
                attribute:'产品属性A',
                colour:'红色',
                number1:'100000',
                monovalent1:'7.85',
                amount1:'785000',
                number2:'99000',
                monovalent2:'6.85',
                amount2:'678150',
                number3:'1000',
                amount3:'7800',
                number4:'9800',
                amount4:'-10090',
            }, {
                code: 'ACX-9812-CX977',
                name: 'A5',
                specification:'规格2',
                company:'单位2',
                DrawingNo:'图号2',
                batch:'XTH-1772-DC23',
                storageLocation:'存放货位2',
                attribute:'产品属性B',
                colour:'棕色',
                number1:'100000',
                monovalent1:'6.78',
                amount1:'678000',
                number2:'11000',
                monovalent2:'7.11',
                amount2:'78210',
                number3:'3000',
                amount3:'17800',
                number4:'700',
                amount4:'-1090',
            }, {
                 code: 'ATX-8812-DX198',
                name: '光粉',
                specification:'规格3',
                company:'单位2',
                DrawingNo:'图号3',
                batch:'XTD-9816-XC17',
                storageLocation:'存放货位3',
                attribute:'产品属性B',
                colour:'红色',
                number1:'100000',
                monovalent1:'3.18',
                amount1:'318000',
                number2:'11000',
                monovalent2:'4.13',
                amount2:'45430',
                number3:'5000',
                amount3:'27800',
                number4:'8000',
                amount4:'-11090',
            }],
            PackagingPrice: [{
                code: '02',
                name: '条形码',
                size: '小',
                attribute: '256',
                consumption: '856',
                price: '965',
                cost: '541',
            }, {
                code: '03',
                name: '条形码',
                size: '中',
                attribute: '569',
                consumption: '857',
                price: '854',
                cost: '123',
            }, {
                code: '04',
                name: '条形码',
                size: '大',
                attribute: '222',
                consumption: '333',
                price: '666',
                cost: '888',
            }],
            auxiliaryTableData: [{
                code: '03',
                name: '碗',
                // specification:'',
                // unit:'',
                attribute: '个',
                useNum: '85',
                color: '蓝色',
                unitPrice: '6',
                cost: '888',
            }, {
                code: '04',
                name: '碗',
                attribute: '个',
                useNum: '66',
                color: '红色',
                unitPrice: '5',
                cost: '999',
            }, {
                code: '05',
                name: '碗',
                attribute: '个',
                useNum: '96',
                color: '白色',
                unitPrice: '5',
                cost: '666',
            }],
            rawMaterialTableData: [{
                code: '04',
                name: '碗',
                // specification:'',
                // unit:'',
                attribute: '个',
                useNum: '85',
                color: '蓝色',
                unitPrice: '6',
                cost: '888',
            }, {
                code: '05',
                name: '碗',
                attribute: '个',
                useNum: '77',
                color: '黄色',
                unitPrice: '3',
                cost: '565',
            }, {
                code: '06',
                name: '碗',
                attribute: '个',
                useNum: '85',
                color: '粉色',
                unitPrice: '6',
                cost: '999',
            }],
            secondProcessingTableData: [{
                code: '05',
                name: '',
                process: '',
                num: '89',
                unitPrice: '26',
                cost: '888',
            }, {
                code: '06',
                name: '',
                process: '',
                num: '59',
                unitPrice: '85',
                cost: '222',
            }, {
                code: '07',
                name: '',
                process: '',
                num: '25',
                unitPrice: '26',
                cost: '555',
            }],
            queryParams: {
                pageNum: 1,
                pageSize: 10,
                orderCode: ''
            },
            total: 1,
            InventoryNo: '',
        }
    },
    methods: {
        // 显示高亮
        rowClassName({ row }) {
          return row.InventoryNo == this.InventoryNo ? 'selected-row' : ''; // 判断是否选中
        },
        handleRowClick(row) {
            this.name = row.name;
            this.loadingComm = true;
            this.loadingDatalied = true;
            this.loadingBOM = true;
            this.loadingTech = true;
            this.loadingMaterial = true;
            setTimeout(() => {
                this.formComm = row;
                this.loadingComm = false;
                this.loadingDatalied = false;
                this.loadingBOM = false;
                this.loadingTech = false;
                this.loadingMaterial = false;
            }, 1000); // 延迟1秒

        },
        handleSelectionChange(val) {
            console.log(val)
        },
        submitForm() {
            this.open = false;
        },
        cancel() { this.open = false; },
        handleQuery() {
            this.loading = false;
        },
        resetQuery() {
        },
        handleAdd() {
            this.title = '新增'
            this.open = true;
            this.isEdit = false;
        },
        handleUpdate(row) {
            this.title = '修改'
            this.open = true;
            this.isEdit = false;
            this.form = row;
        },
        handleAddComm() {
            this.titleComm = '新增'
            this.openComm = true;
            this.formComm = row;
        },
        handleUpdateComm(row) {
            this.titleComm = '修改'
            this.openComm = true;
            this.formComm = row;
        },
        submitFormComm() {
            this.openComm = false;
        },
        cancelComm() { this.openComm = false; },
        showTab(row) {
            this.InventoryNo = row.InventoryNo;
            this.showTable = true;
        },
        handleAddBOM() {
            //   this.resetFormBOM();
            this.titleBOM = '新增'
            this.openBOM = true;
            this.formBOM = row;
        },
        handleUpdateBOM(row) {
            this.titleBOM = '修改'
            this.openBOM = true;
            this.formBOM = row;
        },
        submitFormBOM() {
            this.openBOM = false;
        },
        cancelBOM() { this.openBOM = false; },
        handleAddTech() {
            //   this.resetFormTech();
            this.titleTech = '新增'
            this.openTech = true;
            this.formTech = row;
        },
        handleUpdateTech(row) {
            this.titleTech = '修改'
            this.openTech = true;
            this.formTech = row;
        },
        submitFormTech() {
            this.openTech = false;
        },
        cancelTech() { this.openTech = false; },
        handleAddMaterial() {
            //   this.resetFormMaterial();
            this.titleMaterial = '新增'
            this.openMaterial = true;
            this.formMaterial = row;
        },
        handleUpdateMaterial(row) {
            this.titleMaterial = '修改'
            this.openMaterial = true;
            this.formMaterial = row;
        },
        submitFormMaterial() {
            this.openMaterial = false;
        },
        cancelMaterial() { this.openMaterial = false; },
        handleDelete(row) {
            this.$confirm('确认删除该订单？')
                .then(() => {
                    this.orderdata.splice(this.orderdata.indexOf(row), 1)
                })
                .catch(() => {
                })
        },
        handleClick() {
            this.loading = true;
            setTimeout(() => {
                this.loading = false;
            }, 2000);
        },
        handleQuery() { },
        getList() { },
        resetQuery() { }
    },
}
</script>
<style>
.selected-row {
  background-color: yellow !important;
  /* 选中行的背景颜色 */
}
</style>
